<template>
    <div>
        <input type="text" :value="currentValue" @input="handleInput"  @blur="handleBlur">
    </div>
</template>

<script>
export default {
    name:'iInput',
    props:{
        value:{
            type:String,
            default:''
        }
    },
    data(){
        return {
            currentValue:this.value
        }
    },
    methods:{
        //input
        handleInput(e){
            this.currentValue = e.target.value;
            this.$emit('input',this.currentValue);
            this.$parent.$emit('form-change');
        },
        //失去焦点
        handleBlur(){
            this.$parent.$emit('form-blur')
        }
    },
    watch:{
        value(newVal){
            this.currentValue = newVal;
        }
    }
}
</script>